{% extends 'component/layout.html' %}
{% block title %} {% endblock %}
{% block style %}
<link rel="stylesheet" href="../less/qualification.less">
{% endblock %}
{% block body %}
<div class="back-m">
    <div class="big-img">
        <img src="images/qualification-img1.png" alt="">
        <span class="close-m">x</span>
    </div>
</div>
<div class="page-title">
    <span>资质认证</span>
</div>

<div class="product-main" id="product">

    <div class="product-content">

        <!-- 产品详情 -->
        <div class="product-particulars">
            <ul class="particulars-items clearfix">
                <li class="particulars-item">
                    <div class="particular-img">
                        <img src="images/qualification-img1.png">
                    </div>
                    <a href="javascript:;">
                        <div class="particular-name">
                            <span>计量保证确认证书</span>
                        </div>
                    </a>
                </li>
                <li class="particulars-item">
                    <div class="particular-img">
                        <img src="images/qualification-img2.png">
                    </div>
                    <a href="javascript:;">
                        <div class="particular-name">
                            <span>环境管理体系认证证书</span>
                        </div>
                    </a>
                </li>
                <li class="particulars-item">
                    <div class="particular-img">
                        <img src="images/qualification-img3.png">
                    </div>
                    <a href="javascript:;">
                        <div class="particular-name">
                            <span>质量管理体系认证证书</span>
                        </div>
                    </a>
                </li>
                <li class="particulars-item">
                    <div class="particular-img">
                        <img src="images/qualification-img4.png">
                    </div>
                    <a href="javascript:;">
                        <div class="particular-name">
                            <span>安全生产标准化二级企业</span>
                        </div>
                    </a>
                </li>
                <li class="particulars-item">
                    <div class="particular-img">
                        <img src="images/qualification-img5.png">
                    </div>
                    <a href="javascript:;">
                        <div class="particular-name">
                            <span>争先进位奖</span>
                        </div>
                    </a>
                </li>
                <li class="particulars-item">
                    <div class="particular-img">
                        <img src="images/qualification-img6.png">
                    </div>
                    <a href="javascript:;">
                        <div class="particular-name">
                            <span>高新技术企业证书</span>
                        </div>
                    </a>
                </li>
            </ul>
        </div>
    </div>
</div>
<script>
    $(".particulars-item").click(function () {
        console.log('123');
        $(".back-m").show();
        $(".big-img").children("img").attr("src", $(this.getElementsByTagName("img")).attr("src"));
        console.log(this.getElementsByTagName("img"));
    });
    $(".close-m").click(function () {
        $(".back-m").hide();
    });
</script>
{% endblock %}
{% block script %}

{% endblock %}